.CardTop {
  width: 98.7%;
  margin: 0px 0.7075% 0.5vh 0.5896%;
  color: #333;
  height: 6vh;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
}
.Top {
  position: absolute;
  top: 25%;
}
.primary {
  margin-right: 0.8254%;
  height: 24px;
  background: #5bcbf2;
  border: 0;
  border-radius: 4px 5px 5px 4px;
  box-shadow: 0px 2px 4px 0px rgba(153, 177, 215, 0.8);
}
.reset {
  border: 0;
  height: 24px;
  background: #ffffff;
  border-radius: 4px 5px 5px 4px;
  box-shadow: 0px 2px 4px 0px rgba(195, 195, 195, 0.8);
}
.CardBottom {
  width: 98.7%;
  margin: 0px 0.7075% 0px 0.5896%;
  height: 736px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
  padding: 0;
}
.MonthPicker {
  width: 8.2547%;
  margin-right: 1.5919%;
  margin-left: 0.5896%;
}
.Cascader {
  color: #000000;
  width: 8.2547%;
  margin-right: 1.5919%;
  margin-left: 0.5896%;
}
.Pagination {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.one_Card {
  margin: 0px 0.7075% 0.5vh 0.5896%;
  width: 98.7%;
  height: 46vh;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px #a5bbe0;
}
.ant-card-head {
  height: 44px;
}
.ant-card-head-title {
  height: 44px;
}
.ant-card-wider-padding .ant-card-head {
  height: 44px;
}
.ant-card-wider-padding .ant-card-body {
  padding: 0;
}
.Divider {
  position: absolute;
  height: 200px;
  left: 31%;
  top: 29%;
  color: #C3C3C3;
}
.Divider1 {
  position: absolute;
  height: 200px;
  left: 67%;
  top: 29%;
  color: #C3C3C3;
}
